* {
    margin: 0;
    padding: 0;
}

a {
    text-decoration: none;
}

ul {
    list-style: none;
}

.main_box {
    margin-top: 60px;
    margin-left: 10%;
    min-width: 800px;
    max-width: 80%;
}

.put_box {
    width: 90%;
    height: 452px;
    overflow: hidden;
    padding-top: 20px;
    background-color: #f93c64;
}

.put_box form {
    padding: 0% 1%;
    margin-left: 20px;
}

.put_box form li.first,
li.second {
    border: none;
    list-style: none;
    margin-bottom: 10px;
    width: 100%;
}

.icon,
.icon2 {
    height: 55px;
    width: 55px;
    display: block;
    float: left;
    border-top-left-radius: 0.3em;
    -o-border-top-left-radius: 0.3em;
    -moz-border-top-left-radius: 0.3em;
    -webkit-border-top-left-radius: 0.3em;
}

.user {
    background: url(../images/icons.png) no-repeat 14px 15px #f79d29;
}

.email {
    background: url(../images/icons.png) no-repeat 15px -39px #f79d29;
}

.phone {
    background: url(../images/icons.png) no-repeat 15px -93px #f79d29;
}

.msg {
    background: url(../images/msg.png) no-repeat 16px 16px #f79d29;
}

li.first:hover .user {
    background: url(../images/icons.png) no-repeat 14px 15px #DB2048;
}

li.first:hover .email {
    background: url(../images/icons.png) no-repeat 15px -39px #DB2048;
}

li.first:hover .phone {
    background: url(../images/icons.png) no-repeat 15px -93px #DB2048;
}

li.second:hover .msg {
    background: url(../images/msg.png) no-repeat 16px 16px #DB2048;
}

input[type="text"].text,
.put_box form textarea {
    width: 77%;
    padding: 1.13em 1em 1.13em 1em;
    color: #858282;
    font-size: 16px;
    outline: none;
    background: #fff;
    font-weight: 500;
    border: none;
    font-family: 'Lora', serif;
    border-top-right-radius: 0.3em;
    -o-border-top-right-radius: 0.3em;
    -moz-border-top-right-radius: 0.3em;
    -webkit-border-top-right-radius: 0.3em;
}

form textarea {
    resize: none;
    height: 140px;
}

.put_box input[type="button"] {
    font-size: 17px;
    font-weight: 300;
    color: #fff;
    cursor: pointer;
    outline: none;
    padding: 10px 10px;
    width: 25%;
    border: 2px solid #F79D29;
    float: right;
    background: #F79D29;
    border-radius: 0.3em;
    -o-border-radius: 0.3em;
    -webkit-border-radius: 0.3em;
    -moz-border-radius: 0.3em;
    margin-right: 2.85em;
}

input[type="button"]:hover {
    -webkit-transform: rotate(4deg);
    transform: rotate(4deg);
    -o-transform: rotate(4deg);
    -moz-transform: rotate(4deg);
}

.ul_box {
    overflow: hidden;
}

.li_box {
    width: 100%;
    margin-top: 20px;
    padding-left: 20px;
    overflow: hidden;
}

.p_author {
    width: 10%;
    float: left;
}

.content_box {
    width: 80%;
    float: left;
}

.p_content_box {
    width: 95%;
    padding-left: 3%;
    border: #858282 0.5px solid;
    float: left;
}
.p_content {
    width: 95%;
    min-height: 100px;
    border-bottom:0.5px solid #858282;
    float: left;
}

.p_botton {
    width: 95%;
    text-align: right;
    float: left;
}

.r_content_box {
    width: 98%;
    margin-top: 20px;
    float: left;
}

.r_content {
    width: 100%;
    min-height: 50px;
    float: left;
}

.r_reply_botton {
    width: 100%;
    text-align: right;
    float: left;
}

.active_replay {
    width: 98%;
    margin:10px 0px 10px;
    float: left;
}

.active_replay div.replay_button {
    margin-right: 1.5em;
    float: right;
}

.replay_textarea {
    width: 95%;
    margin-top: 20px;
    margin-left: 3%;
}

.replay_textarea .input_text {
    width: 100%;
    height: 24px;
    background-color: #f0e8e8;
    margin-bottom: 10px;
}

.input_text input[type="text"] {
    border: none;
    width: 25%;
    height: 20px;
}


.replay_textarea textarea {
    height: 50px;
    width: 100%;
    resize: none;
}

.replay_textarea p {
    display: inline;
}

.replay_textarea input[type="button"] {
    font-size: 18px;
    font-weight: 300;
    color: #fff;
    cursor: pointer;
    outline: none;
    padding: 0px 5px;
    width: 100px;
    border: 2px solid #F79D29;
    float: right;
    background: #F79D29;
    border-radius: 0.3em;
    -o-border-radius: 0.3em;
    -webkit-border-radius: 0.3em;
    -moz-border-radius: 0.3em;
}